<style>
	#content{
	  padding:5px;
	}
  #gallery{
    width:100%;
    position:relative;
	}
	#gallery #slide{
	  height:190px;
	  width:800px;
		overflow:hidden;
	}
	#gallery #slide #slider{
	  width:9999px;
	}
	#gallery #slide #slider a{
	  display:block;
	  float:left;
	  height:190px;
	  width:190px;
	  overflow:hidden;
	  margin: 0 10px 5px 0;
	}
	#gallery #slide #slider img{
	  height:185px;
	  border:none;
	  margin-right:2px;
	}
	#info{
	  height:100px;
	  background:#fff;
	}
	#info #hider{
	  padding-left:100px;
	}
	div.col3{
	  width:30%;
	  margin-right:3%;
	  float:left;
	}
	div.col3_last{
	  width:29%;
	}
	.bottom {
	  font-size:10px;
	  color:#222;
	}
	.bottom img{
		margin-top:5px;
	}
	.bottom h2{
	  font-size:18px;
	  color:#000;
	}
	.bottom .title{
	  font-size:14px;
	  color:#000;
	}
	.bottom p{
	  text-align:justify;
	}
	.bottom ul.nobull li{
	  margin-top:5px;
	}
	ul.news_anonse li{
	  padding-left:40px;
	  width:90%;
	}
	ul.news_anonse li span.date{
	  margin-left:-40px;
	  padding:1px 3px 1px 1px;
	  font-size:8px;
	  background:#000;
	  color:#fff;
	  display:inline-block;
	  font-family:Arial, sans-serif;
	}
	ul.news_anonse li span.num_2{
	  background:#484848;
	}
	ul.news_anonse li span.num_3{
	  background:#979797;
	}
	ul.news_anonse li p{
	  margin-left:5px;
	}

	#info h2{
	  float:left;
	  padding:5px 5px 0 10px;
	}
	#info p{
	  padding:5px 5px 0 10px;
	  max-width:50%;
	  font-size:11px;
	  display:block;
	  float:left;
	}
	#info #arr{
    border-color: transparent transparent #FFFFFF transparent ;
		border-style: solid;
    border-width: 20px;

    margin: 0;
    padding: 0;
    height: 0;
    width: 0;

	  display:block;
	  position:absolute;
	  left:100px;
	  top:150px;
	}
</style>
<img src="/img/blank.gif" onload="$('#slide, #info').width( $('#container').width()-10 );" style="position:absolute; top:0; left:0; z-index:-10;">
<div id="gallery">
  <div id="slide">
    <div id="slider">
      {list_viewer: dir_name="index_top_pfl"}
		</div>
	</div>
  <div id="info">
    <div id="hider" style="display:none;">
	    <div id="arr"></div>
	    <h2></h2>
	    <p>
				<span>
					
				</span>
				<br><a href="">{msg:more_portfolio_item}</a>
			</p>
			
		</div>
	</div>
</div>
<div class="col3 bottom">
	<div class="padder">
	  {item_viewer: dir_name=event_last}
	</div>
</div>
<div class="col3">
	<div class="padder bottom">
	  {list_viewer: dir_name=index_articles}
	</div>
</div>
<div class="col3 bottom">
  <div class="padder">
    {list_viewer: dir_name=index_news}
	</div>
</div>
<div class="clear"></div>